<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
</head>

<body>
    <!--如需向 HTML DOM 添加新元素，您必须首先创建该元素（元素节点），然后向一个已存在的元素追加该元素。-->
    <div id="div1">
        <p id="p1">这是一个段落。</p>
        <p id="p2">这是另一个段落。</p>
    </div>

    <script>
        var para = document.createElement("p");
        var node = document.createTextNode("这是新段落。");
        para.appendChild(node);

        var element = document.getElementById("div1");
        element.appendChild(para);
    </script>
    <!-- 如需删除 HTML 元素，您必须首先获得该元素的父元素： -->
    <script>
        var parent = document.getElementById("div1");
        var child = document.getElementById("p1");
        parent.removeChild(child);
    </script>

</body>

</html>